<template>
  <img :src="imgSrc" style="vertical-align: middle;">
</template>

<script setup lang="ts">
import { ref , reactive, computed } from 'vue'
import checkedIcon from '@/assets/images/checked.svg?url'
import notCheckedIcon from '@/assets/images/not-checked.svg?url'

let props = defineProps({
    status: {
      type: String,
      default: ()=> 'checked'
    }
})

let imgSrc = computed(()=>{
    switch(props.status){
      case 'checked': return checkedIcon;
      case 'unChecked': return notCheckedIcon;
    }
})

</script>

<style scoped lang='less'>

</style>